@()

<style>
		.navbar-nav {
			margin-bottom: 0px;
			margin-top: -22px;
		}

		.nav > li > a {
			font-size: 15px;
		}

</style>

<div class="page-header">

	<div class="row myLogoDiv" style="margin-top: 0px;
		height: 150px">
		<div class="col-md-6" >
			<h4 style="float: right;
				margin-top: 60px;
				color: white;font-size: 20px;font-weight: 700">MTD：Mycobacterium Tuberculosis Database</h4>
		</div>
		<div class="col-sm-6">

			<img style="width: 60%" src="@routes.Assets.at("images/banner_right.png")">

		</div>
	</div>

</div>

<nav class="navbar navbar-default">
	<div class="collapse navbar-collapse" id="coll">
		<ul class="nav navbar-nav">
			<li><a href="@routes.AppController.toIndex">Home</a></li>
			<li><a href="@routes.BrowseController.toIndex">Genome Browse</a></li>
			<li><a href="@routes.TreeController.toIndex">Phylogenetic Tree</a></li>
			<li><a href="@routes.MapController.toIndex">Geographical Distribution</a></li>
			<li class="dropdown">
				<a href="#">Mutant Summary &nbsp;<span class="fa fa-caret-down"></span></a>
				<ul class="dropdown-menu" >
					<li><a href="@routes.MutantController.toSnp">SNP</a></li>
					<li><a href="@routes.MutantController.toInDel">InDel</a></li>
				</ul>
			</li>
			<li class="dropdown">
				<a href="#">Online Tools &nbsp;<span class="fa fa-caret-down"></span></a>
				<ul class="dropdown-menu" >
					<li><a href="@routes.ToolController.toGeoPredict">Geographical Predict</a></li>
				</ul>
			</li>

			<li><a href="#">Download</a></li>
			<li><a href="#">Help</a></li>
			<li><a href="#">Contact</a></li>

		</ul>
	</div>
		<!--/.nav-collapse -->
</nav>
